<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 文本样式、背景、盒模型及定位</title>
    <link rel="stylesheet" href="ma.css">
</head>

<body>
    <h1>CSS 文本样式、背景、盒模型及定位</h1>
    <section>
        <h2>文本样式</h2>
        <p>
            <span class="italic">我们的天空</span>通常情况下，中文字符的字间距不用做额外的调整，但有时由于版面空间有限，需要将较长的标题安排在某个固定的空间内，在不删除字数的情况下，我们可以利用
            CSS 提供的
            letter-spacing 属性来增加或缩小中文字符之间的间距。letter-spacing 的值是带单位的数字。
        </p>

        <h3 class=".demo3">苟富贵，不过应该预防预防</h3>
    </section>
    <section>
        <h2>背景</h2>
        <div id="bike">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos laudantium unde iure, laborum sunt tempore,
                rerum eligendi enim aliquid perferendis dolorum, sapiente a voluptas numquam illum vero ad similique
                reprehenderit.</p>
            <div id="innerbike"></div>
        </div>

    </section>
</body>

</html>
